.card-box {
  margin: 0 0.75rem 2.06rem 0.75rem;
}
.bg {
  width: 100%;
  height: 10rem;
  background-image: url("../../../assets/img/brand_success_bg.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.title {
  position: absolute;
  top: 9.38%;
  left: 7.98%;
  font-size: 0.88rem;
  font-weight: bold;
  color: #fff5e2;
  line-height: 0.88rem;
  text-shadow: 0px 0px 0px rgba(248, 75, 36, 1);
}
.info {
  display: inline-block;
  margin: 2rem 0 0 1.25rem;
}
.info-box {
  position: absolute;
  top: 38.13%;
  margin: 0 7.98%;
  width: 84.04%;
  display: flex;
  justify-content: space-between;
}
.info-title {
  font-size: 1rem;
  font-weight: bold;
  color: #27282e;
  line-height: 1rem;
  height: 1rem;
  overflow: hidden;
  margin-bottom: 0.63rem;
}
.info-tx {
  font-size: 0.75rem;
   
  font-weight: normal;
  color: #858894;
  margin-bottom: 0.63rem;
  height: 0.75rem;
  overflow: hidden;
  line-height: 0.75rem;
}
.info-tag {
  display: inline-block;
  line-height: 1rem;
  padding: 0 0.31rem;
  color: #ff6314;
  background: #fdebdf;
  border-radius: 0.13rem;
  font-size: 0.69rem;
  overflow: hidden;
}
.card-img {
  width: 7.5rem;
  height: 4.25rem;
  border-radius: 0.13rem;
  object-fit: cover;
}
.play {
  position: absolute;
  left: calc(50% - 1rem);
  top: calc(50% - 1rem);
  width: 2rem;
  height: 2rem;
}
.hot {
  position: absolute;
  width: 17.95%;
  height: 39.38%;
  bottom: 6.25%;
  right: 1.71%;
}
.rela {
  position: relative;
}
.flexsh {
    flex-shrink: 0;
}